﻿<!DOCTYPE html>
@{
    ViewData["Title"] = "Layout";
    Layout = "~/Views/_ViewImports.cshtml";
}

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>烂笔头管理</title>
    <script src="~/js/home/layout.js"></script>
</head>
<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black">烂笔头</div>

            <ul class="layui-nav layui-layout-right">

                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                        你好，<span id="user_name"></span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="lanbt-nav" data-url="/home/PersonalInfo" data-title="个人信息" data-id="gerenxinxi">个人信息</a></dd>
                        <dd><a href="javascript:;" class="lanbt-nav" data-url="/home/Setting" data-title="设置" data-id="shezhi">设置</a></dd>
                        <dd><a href="javascript:;" id="output">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;" id="lock">
                        锁屏
                        <i class="iconfont icon-suoding"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;" id="full-screen">
                        <i class="iconfont icon-quanping quanping" title="全屏" style="font-size:24px"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="iconfont icon-xiaoxi" title="通知消息" style="font-size:22px"></i>
                    </a>
                </li>
            </ul>
        </div>

        @*侧边导航*@
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
            </div>
        </div>

        @*Tab选项卡*@
        <div class="layui-body">
            <div class="layui-tab layui-tab-card" style="margin:0px 5px;height:100%" lay-allowClose="true" lay-filter="lanbt-tab">
                <ul class="layui-tab-title">
                </ul>
                <div class="layui-tab-content" style="padding:0px">
                </div>
            </div>
        </div>

        @*底部固定区域*@
        <div class="layui-footer" style="text-align:center">
            <span>上海市-宝山区-长江南路-华滋奔腾大厦 &copy; 2023 烂笔头管理</span>
        </div>
    </div>
</body>
</html>
